export default defineComponent({
	name: "Module",
	props: { title: String, img: String },
	setup(props: { title: string; img: string }, { slots }) {
		return () => (
			<div>
				<div className={"w-full h-full box-border p-2 text-white flex flex-col"}>
					<div className={"h-fit"}>
						<div className={" relative flex item.scss-center"}>
							<img className={" h-full  w-full"} src={props.img} alt={""} />
							<p className={"absolute top-3 left-14 text-white  m-0 h-fit text-lg"}>{props.title ?? ""}</p>
						</div>
					</div>
					<div className={"mt-3 ml-5 h-full  box-border p-2 pb-0 "}>{slots.default?.()}</div>
				</div>
			</div>
		);
	}
});
